/* 外部样式表：1.统配选择器；2.css编码集 
                utf-8表示"utf8"
				注意：后面分号不能用中
				输入法
*/
@charset "utf8";
/* 通配选择器：同意规划页面的样式：文本、超链接、
               盒模型针对外边距【有部分元素存在外边距】 
			   列表针对两个列表自带样式【去掉列表样式】
			   颜色等
			   */
*{
	font-family: 微软雅黑,sans-serif;
	text-decoration: none;
	list-style-type: none;
	 margin: 0; 
}
div{
	width: 300px;
	height: 300px;
	border: 1px solid red;
	border-radius: 100%;
	font-size: 10em;
	text-align: center;
	line-height: 300px;
	/* 浮动 float: none left right */
	float: right;
}
.b1{
	background: #55ff00;
}
.b2{
    background: #55aa7f;
}
.b3{
	background: #55ffff;
}
.b4{
	background: #55aaff;
	/* 清除浮动 */
	cle ar: both;
	border: 1px solid black;
	margin-right: 50px;
	
}